/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * email: maxchow@qq.com
 *
 * For(wechat): MaxChow
 *
 *************************************/

@import "../theme-owl";

// 主题信息
@themeName: "vlook-x-dic";
@themeDesc: "× DIC";

// 指定字体主题
// .applyFontStyle(book);
.applyFontStyle(win);
// .applyFontStyle(sans);
// .applyFontStyle(serif);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Twill_R, @docBgImgDark_Twill_R);
// 指定主题配套的圆角
.applyThemeRadius(small);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #009FE9;//#00A0E6;
@theme2: #D71517;//#E60012;
@theme3: #FFFFFF;
@theme1Dark: #00A7F5;//darken(@theme1, 20%);
@theme1Alt: #CCEFFF;//lighten(@theme1, 15%);
@theme1AltDark: #004666;//darken(@theme1, 35%);//@codeBgColorDark;
@theme2Dark: #DF1618;//darken(@theme2, 20%);
@theme2Alt: #FAD1D1;//lighten(@theme2, 20%);//lighten(@theme2, 50%);
@theme2AltDark: #5D090A;//darken(@theme2, 35%);//darken(@theme2Alt, 75%);
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme3;
@themeBgColorFade: fade(@themeForeColor, 50%);
@themeBgColorDark: darken(@themeForeColor, 20%);
@themeBgColorAlt: lighten(@themeForeColor, 42%);

// 标题色
@headerColor: @themeForeColor;
@headerColorDark: @themeForeColor;
// 渐变标题色 h1-h5
@lgHeaderBg: linear-gradient(135deg, @theme1 25%, #2060E0);
// 6 级标题前缀内容
@h6BeforeContent: "▰▱ "; // ■ ▱▰ ⏥▰▱
@headerBackground: none;//linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@multiHeaderBG: none;
@headerTextAlign: left;
@headerPadding: 10px 0 0 0;
@headerLetterSpacing: 0;//0.15em;
// 标题的左边框
@h1BorderLeft: 0;
@h2BorderLeft: 0;
@h3BorderLeft: 0;
@h4BorderLeft: 0;
@h5BorderLeft: 0;
@h6BorderLeft: 0;
// 标题的右边框
@h1BorderRight: 0;
@h2BorderRight: 0;
@h3BorderRight: 0;
@h4BorderRight: 0;
@h5BorderRight: 0;
@h6BorderRight: 0;
// 标题的上边框
@h1BorderTop: none;//9px solid var(--h-box-shadow);
@h2BorderTop: none;//7px solid var(--h-box-shadow);
@h3BorderTop: none;//5px solid var(--h-box-shadow);
@h4BorderTop: none;//3px solid var(--h-box-shadow);
@h5BorderTop: none;//1px solid var(--h-box-shadow);
@h6BorderTop: 0;
@h1Margin: 2em 0 0 0;
@h2Margin: 2em 0 0 0;
@h3Margin: 1.5em 0 0 0;
@h4Margin: 1.5em 0 0 0;
@h5Margin: 1.25em 0 0 0;

// 题注文字、背景色
@captionTextColor: var(--d-f-c-alt);
@captionBackground: none;

// 行内代码
@codeTextColor: @theme2;

// 按钮色
@buttonForeColor: @themeBgColor;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeForeColor;

// 链接颜色
@aBorderWidth: 1px;

// 表格边框
@tblBdWidth: 1px;
@tableBorderColor: var(--d-f-c-alt);
@tableBorderWidth: 0;
@tableBorderLeftWidth: 0;
@tableBorderRightWidth: 0;
@tableBorderTopWidth: 0;
@tableBorderBottomWidth: 0;
@tableThBorderRightWidth: 0;
@tableTdBorderRightWidth: 0;
// 表格行 hover
@tableTrHoverBg: fade(@aHoverColor, 15%);
@tableTrHoverBgDark: fade(@aHoverColor, 25%);
// 表格圆角
@tableBorderRadius: 0;
// 表格背景
@tableThColor: var(--d-f-c-alt);
@tableThBakcground: inherit;
// 表格单元格阴影
@tableFirstThBoxShadow: none;
@tableThBoxShadow: 0 -1px 0 var(--tbl-cell-bd);
@tableThRepeaterBoxShadow: 0 -@tblBdWidth 0 var(--tbl-h-bd);
@tableFirstTdBoxShadow: 0 -@tblBdWidth 0 0 var(--tbl-h-bd);
@tableTdBoxShadow: 0 -1px 0 0 var(--tbl-cell-bd);

// 封面、封底文字位置及对齐方式
@coverTextAlign: center;
@coverTextPadding: 240px 60px 50px;
@coverTextColor: @themeForeColor;
@coverSubColor: @aLineColor;
@coverUnderlineColor: #606070;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backCoverTextAlign: center;
@backCoverTextPadding: 220px 60px 50px 60px;
@backCoverTextColor: @themeForeColor;

// 封面装饰性文本样式 before
@coverTextBeforeContent: "";
@coverTextBeforePosition: initial;
@coverTextBeforeLeft: initial;
@coverTextBeforeTop: initial;
@coverTextBeforeColor: initial;
@coverTextBeforeFontSize: initial;
@coverTextBeforeFontWeight: initial;
@coverTextBeforeOpacity: initial;
// 封面装饰性文本样式 after
@coverTextAfterContent: "";
@coverTextAfterTextAlign: initial;
@coverTextAfterLeft: initial;
@coverTextAfterTop: @coverTextBeforeTop;
@coverTextAfterRight: initial;
@coverTextAfterColor: @coverTextBeforeColor;
@coverTextAfterFontSize: @coverTextBeforeFontSize;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorderForCover: 0 0 0 2px fade(@themeForeColor, 20%) inset;

// 封面背景设置
@coverBackgroundColor: @themeBgColor;
@coverBackgroundImage: var(--thm-dic-logo), var(--thm-liby-logo), var(--thm-c-w-bg), var(--thm-c-w), var(--thm-tree);
@coverBackgroundSize: auto, auto, 100% 131px, 100% 220px, auto;
@coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
@coverBackgroundPosition: center 120px, center 850px, bottom, bottom, center 60px;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: @coverBackgroundImage;
@backCoverBackgroundSize: auto, auto, 100% 131px, 100% 220px, auto;
@backCoverBackgroundRepeat: @coverBackgroundRepeat;
@backCoverBackgroundPosition: center 120px, center 450px, bottom, bottom center, center -260px;

// 封面、封底素材资源
:root {
    // 背景底纹
    --thm-tree: url("");
    // 底部波浪
    --thm-c-w: url("");
    // 底部波浪渐变背景
    --thm-c-w-bg: url("");
    // DIC logo
    --thm-dic-logo: url("");
    // Liby logo
    --thm-liby-logo: url("");
}

@import "../base";
